// 全局样式初始化
html,
body {
  margin: 0;
  height: 100%;
  overflow: hidden;
  font-family: PingFang SC, Helvetica, Arial, sans-serif;
  .app-content {
    padding: 15px;
    height: 100%;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    .content-header {
      .header-operations {
        margin-bottom: 20px;
        .ivu-btn {
          font-size: 13px;
        }
      }
      .header-query {
        margin-bottom: 30px;
        .ivu-input,
        .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
        .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
          font-size: 12px;
          letter-spacing: 1px;
        }
        .ivu-btn {
          font-size: 13px;
        }
      }
    }
    .content-body {
      .table {
        thead {
          .ivu-table-cell {
            color: #627181;
            font-size: 13px;
            font-weight: 600;
            background: rgba(245, 247, 249, 1);
          }
        }
        .ivu-table-tbody {
          .ivu-table-row {
            color: #627181;
            font-size: 13px;
            font-weight: 400;
            .table--operation {
              a {
                color: #0099ff;
              }
              a:not(:last-child) {
                margin-right: 10px;
              }
            }
          }
        }
      }
    }
    .content-footer {
      margin-top: 50px;
    }
    .mr-15 {
      margin-right: 15px;
    }
  }
}
.pagination {
  text-align: center;
  margin-top: 20px;
  .ivu-page-total {
    color: #999999;
    font-size: 12px;
  }
  .ivu-page-prev,
  .ivu-page-next {
    height: 27px;
    line-height: 25px;
    border-radius: 3px;
    border: 1px solid rgba(196, 198, 207, 1);
    a {
      color: #666666;
    }
  }
  .ivu-page-item {
    width: 27px;
    min-width: 27px;
    height: 27px;
    line-height: 25px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid rgba(196, 198, 207, 1);
    a {
      color: #333333;
      margin: 0;
    }
    &.ivu-page-item-active {
      background: rgba(0, 153, 255, 1);
      border-radius: 3px;
      border: 1px solid rgba(85, 132, 255, 1);
      a {
        color: #fff;
      }
    }
  }
  .ivu-page-item-jump-next {
    color: #999999;
  }
  .ivu-select-selection {
    border: 1px solid rgba(196, 198, 207, 1);
    border-radius: 3px;
    height: 27px;
    line-height: 25px;
    .ivu-select-selected-value {
      height: 27px;
      line-height: 25px;
      color: #333333;
      font-size: 12px;
    }
  }
  .ivu-page-options-elevator {
    color: #999999;
    font-size: 12px;
    input {
      height: 27px;
      width: 34px;
      line-height: 25px;
      font-size: 12px;
      color: #333333;
      text-align: center;
      border-radius: 3px;
      border: 1px solid rgba(196, 198, 207, 1);
    }
  }
}
// 全局scroll-bar样式
::-webkit-scrollbar {
  width: 6px; /* for vertical scrollbars */
  height: 6px; /* for horizontal scrollbars */
}
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background: #4596ff;
}

// table统一样式
.ivu-table-cell {
  padding-left: 10px;
  padding-right: 10px;
}

.modal {
  .ivu-modal-body {
    padding: 0;
    .modal-content {
      padding: 15px;
      .content-box {
        display: flex;
        flex-wrap: nowrap;
        .content--left {
          width: 270px;
        }
        .content--right {
          width: calc(100% - 270px);
        }
      }

      .modal-query {
        .query--top,
        .query--bottom,
        .query {
          .ivu-input,
          .ivu-select-single .ivu-select-selection .ivu-select-placeholder,
          .ivu-select-single .ivu-select-selection .ivu-select-selected-value {
            font-size: 12px;
            letter-spacing: 1px;
          }
          .ivu-btn {
            font-size: 13px;
          }
        }
        .query--top {
          margin-bottom: 15px;
        }
        margin-bottom: 30px;
      }
      .modal-table {
        .table {
          thead {
            .ivu-table-cell {
              color: #627181;
              font-size: 13px;
              font-weight: 600;
              background: rgba(245, 247, 249, 1);
            }
          }
          .ivu-table-tbody {
            .ivu-table-row {
              color: #627181;
              font-size: 13px;
              font-weight: 400;
              .table--operation {
                a {
                  color: #0099ff;
                }
                a:not(:last-child) {
                  margin-right: 10px;
                }
              }
            }
          }
        }
        .pagination {
          margin-top: 20px;
          .ivu-page-total {
            color: #999999;
            font-size: 12px;
          }
          .ivu-page-prev,
          .ivu-page-next {
            height: 27px;
            line-height: 25px;
            border-radius: 3px;
            border: 1px solid rgba(196, 198, 207, 1);
            a {
              color: #666666;
            }
          }
          .ivu-page-item {
            width: 27px;
            min-width: 27px;
            height: 27px;
            line-height: 25px;
            font-size: 12px;
            border-radius: 3px;
            border: 1px solid rgba(196, 198, 207, 1);
            a {
              color: #333333;
            }
            &.ivu-page-item-active {
              background: rgba(0, 153, 255, 1);
              border-radius: 3px;
              border: 1px solid rgba(85, 132, 255, 1);
              a {
                color: #fff;
              }
            }
          }
          .ivu-page-item-jump-next {
            color: #999999;
          }
          .ivu-select-selection {
            border: 1px solid rgba(196, 198, 207, 1);
            border-radius: 3px;
            height: 27px;
            line-height: 25px;
            .ivu-select-selected-value {
              height: 27px;
              line-height: 25px;
              color: #333333;
              font-size: 12px;
            }
          }
          .ivu-page-options-elevator {
            color: #999999;
            font-size: 12px;
            input {
              height: 27px;
              width: 34px;
              line-height: 25px;
              font-size: 12px;
              color: #333333;
              text-align: center;
              border-radius: 3px;
              border: 1px solid rgba(196, 198, 207, 1);
            }
          }
        }
      }
    }
  }
}
.ivu-tabs-tab {
  font-size: 13px;
}
.process-recent {
  margin-bottom: 20px;
  padding-left: 10px;
  color: #e3212c;
  font-size: 13px;
}
.process-container {
  .audit--success {
    color: #4154b3;
  }
  .audit--danger {
    color: #eb0f1b;
  }
  .process-title {
    margin-bottom: 20px;
    padding-left: 15px;
  }
  .process-list {
    position: relative;
    padding: 20px 15px;
    border-radius: 7px;
    background-color: #fcfcff;
    .ivu-row-flex {
      font-size: 13px;
      .process-position {
        color: #a2a2a4;
      }
      &:not(:last-child) {
        margin-bottom: 25px;
      }
    }
    .process-item {
      &:not(:last-child) {
        margin-bottom: 25px;
      }
    }
    .process-row {
      display: flex;
      .row-label {
        margin-right: 10px;
        width: 120px;
        text-align: right;
      }
      .row-content {
        flex: 1;
      }
    }
  }
  .process-angle {
    position: absolute;
    top: 55px;
    left: 20px;
    width: 18px;
    height: 18px;
    background-color: #fcfcff;
    transform: rotate(45deg);
  }
}
// 高晨   start
.gc-clear-box{
  .ivu-collapse{
    // border:none;
  }
}
.inquiries{
  width:63px;
  height:63px;
  background:rgba(35,152,255,1);
  box-shadow:0px 0px 10px 0px rgba(35,152,255,1);
  display: block;
  text-align: center;
  line-height: 63px;
  border-radius: 31px;
  color: #fff;
  position: fixed;
  right: 60px;
  bottom: 100px;
  cursor: pointer;
  z-index: 100;
}
.tab-page {
  .ivu-page-total {
    font-size: 12px;
  }
  .ivu-page-total {
    color: #999999;
    font-size: 12px;
  }
  .ivu-page-prev,
  .ivu-page-next {
    height: 27px;
    line-height: 25px;
    border-radius: 3px;
    border: 1px solid rgba(196, 198, 207, 1);
    a {
      color: #666666;
    }
  }
  .ivu-page-item {
    width: 27px;
    min-width: 27px;
    height: 27px;
    line-height: 25px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid rgba(196, 198, 207, 1);
    a {
      color: #333333;
    }
    &.ivu-page-item-active {
      background: rgba(0, 153, 255, 1);
      border-radius: 3px;
      border: 1px solid rgba(85, 132, 255, 1);
      a {
        color: #fff;
      }
    }
  }
  .ivu-page-item-jump-next {
    color: #999999;
  }
  .ivu-select-selection {
    border: 1px solid rgba(196, 198, 207, 1);
    border-radius: 3px;
    height: 27px;
    line-height: 25px;
    .ivu-select-selected-value {
      height: 27px;
      line-height: 25px;
      color: #333333;
      font-size: 12px;
    }
  }
  .ivu-page-options-elevator {
    color: #999999;
    font-size: 12px;
    input {
      height: 27px;
      width: 34px;
      line-height: 25px;
      font-size: 12px;
      color: #333333;
      text-align: center;
      border-radius: 3px;
      border: 1px solid rgba(196, 198, 207, 1);
    }
  }
}
.box-padding {
  padding: 15px;
}
.add-project .ivu-upload-drag {
  border: none !important;
}
.role-title {
  color: #333;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #dcdee2;
  font-weight: bold;
  margin-bottom: 20px;
}
.role-bottom {
  padding: 20px 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
.page-div {
  padding-top: 20px;
  width: 100%;
  text-align: center;
}
.typeSanBox{
  width: 100%;
  height: 360px;
  display: flex;
  align-items: center;
}
.typeSanBox div{
  width: 120px;
  height: auto;
   margin: 0 auto;
}
.typeSanBox div span{
  text-align: center;
  display: inline-block;
  padding-left: 22px;
}
.typeSanBox div img{
  align-items: center;
}
// end
.app-tabs > .ivu-tabs > .ivu-tabs-bar .ivu-tabs-nav {
  .ivu-tabs-tab {
    &:nth-child(2) {
      color: #ef3e43;
    }
    &:nth-child(3) {
      color: #f86a30;
    }
    &:nth-child(4) {
      color: #f3cf34;
    }
    &:nth-child(5) {
      color: #3d6fc9;
    }
  }
}
/*===== 清除浮动Class =====*/

.clear:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  *zoom: 1;
}
@mixin modal-adjust-height {
  @media screen and (min-width: 1300px) {
    max-height: 300px;
  }
  @media screen and (min-width: 1440px) {
    max-height: 400px;
  }
  @media screen and (min-width: 1600px) {
    max-height: 500px;
  }
  @media screen and (min-width: 1920px) {
    max-height: 550px;
  }
}
// 全局弹出修改，iview中alert，message，modal使用的是同一个样式
.ivu-modal-wrap {
  display: flex;
  align-items: center;
  .ivu-modal {
    top: 0;
    .modal-content,
    .content--left,
    .content--right {
      @include modal-adjust-height;
      overflow: auto;
    }
  }
}
.ivu-table{
  font-size: 13px;
}
.main__title--top {
  font-size: 20px;
  font-weight: 400;
}
.header-cont {
  background-color: #ffffff;
  padding: 0 20px;
  border-bottom: 1px solid #e8f7ff;
  font-weight: bold;
}
.ivu-form-item-error .ivu-input{
  border:1px solid #57a3f3!important;
}
.ivu-form-item-error .ivu-input:focus{
  border-color: #57a3f3!important;
  box-shadow:none!important;
}
